<!--
 * @Author: your name
 * @Date: 2021-10-14 11:28:43
 * @LastEditTime: 2021-10-16 08:46:15
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /a1902-a-group/admin_pc/src/component/Son.vue
-->
<template>
  <div>
      子传递给父亲
        <!-- {{app}}
        {{counts}} -->
        {{modelValue}}
    <button @click="add">加加</button>
  </div>
</template>

<script>
export default {
    // props:['modelValue'],
    props: {
      'modelValue': String,
      'modelModifiers': {
        default: () => ({})
      }
    },
    // emits: ['adds', 'add'],
    // emits: {
    //   add: (count) => {
    //     // 副作用
    //     if(count > 5) {
    //       return false
    //     } else {
    //       return true
    //     }
    //   }
    // },
    methods: {
        add() {

          const newValue = this.modelValue + 'b';
          if(this.modelModifiers.uppercase) {
            this.$emit('update:modelValue', newValue.toUpperCase())
          } else {
            this.$emit('update:modelValue', newValue)
          }
          
        }
    },
}
</script>

<style>

</style>